<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" />
<link href="css/sj.css" rel="stylesheet" />
<script type="text/javascript" src="Scripts/jquery-1.10.2.mins.js"></script>
<title>送你一朵小红花</title>
<link rel="icon" href="//img.alicdn.com/tps/i1/TB1.aEgGFXXXXamXpXXnCBGGXXX-32-32.ico">
</head>

<body>

<div class="con">
  <div class="head">
    <div class="logo">
      <h1>送你一朵小红花</h1>
    </div>
    <div class="nav">
      <ul>
	    <li><div id="div" style="color: rgb(255, 0, 221);"></div></li> 	
       <li><a href="index.html">首&nbsp;&nbsp;&nbsp;&nbsp;页</a></li>
	   <li><a href="page4.html">精彩片段</a></li>
	   	
        <li><a href="page3.html">登录注册</a></li>
        <li><a href="page1.html">角色介绍</a></li>
        <li><a href="page2.html">幕后花絮</a></li>
	
 
      </ul>
    </div>
	<script>
function validateForm(){
var x=document.forms["myForm"]["fname"].value;
if (x==null || x==""){
  alert("姓必须填写");
  return false;
  }

var y=document.forms["myForm"]["fage"].value;
if (y==null || y=="" || isNaN(y)){
  alert("年齡须填写且必须是数字");
  return false;
  }
  
  if (y>=10 || y<=20){
  alert("年龄不能低于10岁，不得超过20");
  return false;
  }
  var c=document.forms["myForm"]["aihao"].value;
if (c==null || c==""){
  alert("爱好须填写");
  return false;
  }
}
</script>
    <div class="clear"></div>
  </div>
  <div class="clear"></div>
  <div class="lunbo"><a href="#"><img src="images/015.jpg"  width="1024"/></a></div>
  <div class="clear"></div>
  <div class="main">
    <div class="zhuce">
	<form name="myForm" onsubmit="return validateForm()" method="post">
            <h2>注册用户</h2>
			<div class="input-box">
            	<p>姓名：</p>
                <input type="text" name="fname">
            </div>
			<div class="input-box">
            	<p>年齡：</p>
                <input type="text" name="fage">
            </div>  
			<div class="input-box">
            	<p>爱好：</p>
                <input type="text"name="aihao">
            </div> 
			<div class="input-box">
            	<p>页面跳转：</p>
                <select onChange="window.open(this.options[this.selectedIndex].value)" name="select">
				 <option value="#" selected>请选择</option>
                 <option value="page4.html" >精彩片段</option>
                 <option value="page3.html" >登录注册</option>
                 <option value="page1.html" >角色介绍</option>
                 <option value="page2.html" >幕后花絮</option>					 
                     </select>
            </div>  
			<div class="input-box">
           <input type="submit" style="width: 50px;height: 26px;border: none; margin-right:10px;" value="提交">      
           <input type="reset"style="width: 50px;height: 26px;border: none;" value="重置">
</div> 		   </form>
        </div>
    <div></div>
<div><a name="4" id="4"></a><a name="sub2278246_4" id="sub2278246_4"></a><a name="动画片" id="动画片"></a>  </div>
    <h2>
    <br />
    <p></p>
   
  </div>
  <div class="clear"></div>
  <div class="foot">
    <p>北京时间：<div class="clock">

	<ul>
		<li id="hours"></li>
		<li id="point">:</li>
		<li id="min"></li>
		<li id="point">:</li>
		<li id="sec"></li>
	</ul>
</div></p>
    <p>All Rights Reserved</p>
  </div>
  <div class="clear"></div>
</div>
<script src="Scripts/sj.js"></script>
   <script src="Scripts/dtsj.js"></script>
</body>
</html>
